接續前一天的介紹，今天來排除學習新手的疑惑～

你竟然說我是行內樣式？

Tailwind 的運作方式的確跟行內一樣，都是寫在 HTML 裡面，但是有幾件很重大的區別可以介紹給大家。

1. 具有魔性的數值
   什麼叫做具有魔性的數值？
   
   不照著規範走的數值，我們可以視作它具有魔性，例如：23、37、43，這種不是 4 不是 16 的倍數，更不要提還有小數點的狀況，這些情況有可能出現在間距。「行內樣式」由於開發者想要輸入「任何數值」都可以，所以常會有這種狀況發生。為了確保我們自己不要寫出具有魔性的數值，Tailwind 的作法就略顯不同，在每個 utilities 裡其實都寫好了各自的 CSS 樣式，而同樣舉間距的例子而言 Tailwind 是以 4 的倍數發展，所以相比之下不會出現這種具有魔性的數值。
2. Responsive Web Design aka RWD
   media queries 無法寫在行內樣式，而 Tailwind 可以，以現在這種行動裝置人手一機的年代下，如果不能寫 media queries，就不能滿足市場了，在這裡可以明顯理解到實作上的差距。
3. Variant
   也就是 hover 等僞類效果，行內樣式也無法直接套用 hover effect，這部分也是 Tailwind 非常方便的地方，透過簡單的語法就可客製自己想要的僞類樣式，筆者特別喜歡～

總結以上，不論是第二點的 RWD 或是第三點的僞類都是行內樣式無法實現的功能，並且這方面實實在在地體現 Tailwind 的不同之處，它有著直接在 HTML 書寫的方便，同時又可直接進行僞類、RWD 的撰寫。
至於如何撰寫 RWD 或是 僞類乃至於僞元素呢？這邊賣個關子將會在後面的文章帶給大家！

而現在既然都清楚框架了，也清楚 Tailwind 和 Bootstrap 各自的好處，並且明白 Tailwind 的運作，將在隔天開始進行環境的建置囉～！